<template>
    <div>
        <div class="tip" @click="currentHandle('select')">选择器</div>
        <Select v-if="currentPanel == 'select'"/>
        <div class="tip" @click="currentHandle('crud')">crud</div>
        <CRUD v-if="currentPanel == 'crud'"/>
        <div class="tip" @click="currentHandle('echarts')">echarts</div>
        <Echarts v-if="currentPanel == 'echarts'"/>
        <div class="tip" @click="currentHandle('material')">文本素材及其他内容</div>
        <Material v-if="currentPanel == 'material'"/>
    </div>
</template>

<script>
import Select from "@/views/_template/select"
import CRUD from "@/views/_template/crud"
import Echarts from '@/views/Charts/statistics'
import Material from '@/views/_template/material'

export default {
    components: {Select, CRUD, Echarts, Material},
    data() {
        return {
            currentPanel:''
        }
    },
    mounted() {

    },
    methods: {
        currentHandle(e) {
            if (this.currentPanel == e) {
                this.currentPanel = ''
                return
            }
            this.currentPanel = e
        }
    }
}
</script>

<style scoped>

</style>
